<div class="pages-forgot-password layout-full">
    <div class="h-100-p text-center vertical-align">
        <div class="forgot-password-box vertical-align-middle">
            <h3>Forgot Your Password ?</h3>
            <p class="info mt-0 mb-20">Input your registered email to reset your password</p>
            <div class="mt-20 mb-20">
                <mat-form-field color="accent" class="w-80-p">
                    <input matInput type="email" autocomplete placeholder="Your Email">
                </mat-form-field>
                <button mat-flat-button class="w-80-p" color="accent">Reset Your Password</button>
            </div>

            <div class="copyright">
                <p>WEBSITE BY Notadd</p>
                <p>© 2018. All RIGHT RESERVED.</p>
                <div class="social pt-10">
                    <button mat-icon-button>
                        <mat-icon size="1" svgIcon="mdi:twitter" class="secondary-text s-24"></mat-icon>
                    </button>
                    <button mat-icon-button>
                        <mat-icon size="1" svgIcon="mdi:facebook" class="secondary-text s-24"></mat-icon>
                    </button>
                    <button mat-icon-button>
                        <mat-icon size="1" svgIcon="mdi:google" class="secondary-text s-24"></mat-icon>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
